import { request } from '../../request/index.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 商品详细信息
    goodsObj: {},
    // 商品收藏
    isCollect: false
  },
  // 商品的全部信息
  GoodsInfo: {},
  /**
   * 生命周期函数--监听页面加载
   */
  onShow: function () {
    let pages = getCurrentPages();
    let current = pages[pages.length - 1];
    let options = current.options;
    const { goods_id } = options
    this.getGoodsDetail(goods_id)
  },
  // 获取商品详细信息
  async getGoodsDetail(goods_id) {
    const { data } = await request({ url: "/goods/detail", data: { goods_id } })
    this.GoodsInfo = data.message;
    // 获取缓存中的商品收藏的数组
    let collect = wx.getStorageSync("collect") || [];
    // 判断当前商品是否被收藏
    let isCollect = collect.some(v => v.goods_id === this.GoodsInfo.goods_id);
    this.setData({
      goodsObj: {
        pics: data.message.pics,
        goods_price: data.message.goods_price,
        goods_name: data.message.goods_name,
        goods_introduce: data.message.goods_introduce.replace(/\.webp/g, '.jpg')
      },
      isCollect
    })
  },
  // 点击轮播图,放大预览
  handlePrevewImage(e) {
    const swiperImage = this.data.goodsObj.pics.map(item => item.pics_mid)
    let current = e.currentTarget.dataset.url
    wx.previewImage({
      current,
      urls: swiperImage
    })
  },
  // 添加到购物车
  handleCartAdd() {
    // 获取缓存中的购物车 数组 
    let carts = wx.getStorageSync('carts') || [];
    // 判断此商品是否存在于购物车数组中
    let index = carts.findIndex(item => item.goods_id === this.GoodsInfo.goods_id)
    if (index === -1) {
      // 不存在于此数组中,则第一次添加
      this.GoodsInfo.num = 1
      this.GoodsInfo.checked = true
      carts.push(this.GoodsInfo)
    } else {
      // 已存在于此数组中,执行 num++
      carts[index].num++
    }
    // 把新的购物车数组重新添加到缓存中
    wx.setStorageSync('carts', carts);
    // 弹窗提示添加成功
    wx.showToast({
      title: '商品添加到购物车',
      icon: 'success',
      duration: 1500,
      mask: true,
    });
  },

  // 收藏
  handleCollect() {
    let isCollect = false;
    // 获取缓存中的商品收藏数组
    let collect = wx.getStorageSync("collect") || [];
    // 判断商品是否被收藏过
    let index = collect.findIndex(v => v.goods_id === this.GoodsInfo.goods_id);
    // 当 index != -1 时 已经收藏过
    if (index !== -1) {
      collect.splice(index, 1);
      isCollect = false;
      wx.showToast({
        title:"取消成功",
        icon:'success',
        mask:false
      })
    }
    else {
      // 没有收藏过
      collect.push(this.GoodsInfo)
      isCollect = true;
      wx.showToast({
        title:"收藏成功",
        icon:'success',
        mask:false
      })
    }
    // 将数据存入缓存中
    wx.setStorageSync("collect", collect);
    // 修改 data中属性  isCollect
    this.setData({
      isCollect
    })
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})